# Header 1
## Header 2
And so on up to 6.
|
Another 2
Another 1
|
Return once starts a new line. Return twice (blank line) starts a new paragraph.
|
|
*Italics*
**Bold**
~~Strikeout~~
==Mark==
%red% Colored Text %%
%#ACBDEF% Colored Text Hex %%
!>Spoiler
Color list (opens new page, save your work first!)
|
Italics
Bold
Strikeout
Mark
Colored Text
Colored Text Hex
Spoiler
|
!~ Simple Underlined Text ~!
!~red; Underlined Text With Color ~!
!~green;double; Underlined Text Plus Style ~!
!~blue;default;line-through; Underlined Plus Type ~!
!~orange;default;default;7; Underlined Text Plus Thickness ~!
%violet% !~green; Combine With Text Color ~! %%
!~violet; %green% Works The Other Way Too %% ~!
Underline tags can be given 4 options, separated by a semi-colon ;
- color : default | color name | #hexcode
- style : default | solid (default) | double | dotted | dashed | wavy
- type : default | underline (default) | line-through | overline | both
- thickness : number from 1-10. Measured in pixels.
|
Simple Underlined Text
Underlined Text With Color
Underlined Text Plus Style
Underlined Plus Type
Underlined Text Plus Thickness
Combine With Text Color
Works The Other Way Too
|
-> Centered text <-
-> Right-aligned ->
Also works for images and ### -> Headers <-
|
Centered text
Right-aligned
|
[TOC]
Generates Table of Contents from # Headers.
[TOC2] - From h2 to h6.
[TOC3] - From h3 to h6, and so on up to 6.
|
|
- Bulleted list item a
- Bulleted list item b
- Nested item b1
Nested lists use 4 spaces or 1 tab.
An asterisk (*) can be used instead of a dash.
|
- Bulleted list item a
- Bulleted list item b
|
1. Numbered list item
2. Numbered list item
1. Nested list item
2. Nested list item
|
- Numbered list item
- Numbered list item
- Nested list item
- Nested list item
|
- [ ] Checkbox 1
- [x] Checkbox 2
|
|
[//]: (comment here)
|
Adding [//]: () to a line will comment it out, so that it does not appear when viewing the page.
|
>> How to use quotes in Markdown?
> Just prepend text with >
|
How to use quotes in Markdown?
Just prepend text with >
|
``` python
s = "Triple backticks ( ``` ) generate code block"
print(s)
```
For the list of supported languages see the langs page.
|
|
s ="Triple backticks ( ``` ) generate code block" print(s)
|
|
Single backtick generates `inline code`
|
Single backtick generates inline code
|
***
Horizontal rule, <hr>
|
|
\*not italics\*
To produce a literal asterisk or any symbol used in Markdown, use backslash to escape it.
|
*not italics*
|
Header | Header
------ | ------
Cell | Cell
Cell | Cell
Columns can be aligned to the right with --: and centered with :--: .
Center | Right
:----: | ----:
Cell | Cell
Cell | Cell
|
Header |
Header |
Cell |
Cell |
Cell |
Cell |
Center |
Right |
Cell |
Cell |
Cell |
Cell |
|
!!! note Admonition title
Admonition text
Main types: info, note, warning, danger.
Defaults to warning.
Additional types: greentext
!!! info
Title or text can be skipped
|
Admonition title
Admonition text
Title or text can be skipped
|
Autolinks:
https://rentry.co/ or rentry.co
|
Autolinks:
https://rentry.co/ or rentry.co
|
Link description:
[Markdown paste service](https://rentry.co)
Be sure to include the "http(s)://" part of the link.
|
Link description:
Markdown paste service
|
![Alt Tag](https://i.imgur.com/PYV4crq.png)
![Alt Tag](https://i.imgur.com/PYV4crq.png){100px:100px}
![Alt Tag](https://i.imgur.com/PYV4crq.png "Title")
![Alt Tag](https://i.imgur.com/PYV4crq.png#left)
Be sure to include direct link to the image.
Alt tag shows if image fails to load.
Title tag controls mouseover text separely from Alt.
Add #left or #right to the image to float it.
Image sizes can be given with the following units:
- px : 0 - 4000
- % : 0 - 500 (note: percentage height often does not do anything)
- vw : 0 - 500 (percentage of the vertical size of the page)
- hw : 0 - 500 (percentage of the horizontal size of the page)
- no units: numbers used as pixels
Note that this will only change the visual size of the image. A 4MB image at 50x50px will still slow down the page!
Images can be links by wrapping them:
[![Alt Tag](https://i.imgur.com/PYV4crq.png)](https://rentry.co)
Create a Youtube image link by coping the part after v= into the static image link:
[![Alt Tag](https://img.youtube.com/vi/xyz/hqdefault.jpg){300px:200px}](https://youtube.com/watch?v=xyz)
|
![Alt Tag Alt Tag](/static/raccoon.webp?v=2)
![Alt Tag Alt Tag](/static/raccoon.webp?v=2)
![Title Alt Tag](/static/raccoon.webp?v=2)
![Title Alt Tag](/static/raccoon.webp?v=2)
|
Float Clear:
!;
Makes all following content sit below a previous image float. Useful to fix broken layouts after adding a float. Make sure to leave an empty line above.
|
|